<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索</title>
    <link rel="stylesheet" href="../assets/css/reset.css">
    <link rel="stylesheet" type="text/css" href="../assets/layui/css/layui.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
#include("./common/header.html")
<div class="main">
    <div class="main-nav">
        <p>当前所在位置：<a href="./index.html">首页</a>><a href="javascript:;">游戏库</a>><a href="javascript:;">搜索</a></p>
    </div>

    <div class="main-content">
        <h3>当前共搜索出结果<span>1</span>条</h3>
        <div class="top-bar">
            <div class="switchBtn active">
                <a class="front-icon" href="javascript:;">游戏</a>
                <span class="triangle"></span>
            </div>
            <div class="mid-border"></div>
            <div class="switchBtn">
                <a class="front-icon" href="javascript:;">礼包</a>
                <span class="triangle"></span>
            </div>
            <div class="mid-border"></div>
            <div class="switchBtn">
                <a class="front-icon" href="javascript:;">资讯</a>
                <span class="triangle"></span>
            </div>
        </div>
        <ul class="search-content-game search-content clearfix">
            <li class="content-box clearfix">
                <div class="show-zone">
                    <img src="../img/game_icon.gif" alt="game-icon">
                </div>
                <div class="brief-introduce">
                    <h5><a href="">凡人飞仙传</a></h5>
                    <p class="labels">
                        <span class="label"><a href="">挂机</a></span>
                        <span class="label"><a href=""> 小说</a></span>
                        <span class="label"><a href=""> 仙侠</a></span>
                    </p>
                    <p class="popularity">
                        人气：<span>37402</span>
                    </p>
                </div>
                <div class="startBtn">
                    <a href="./startGame.html">开始玩</a>
                </div>
            </li>
            <li class="content-box clearfix">
                <div class="show-zone">
                    <img src="../img/game_icon.gif" alt="game-icon">
                </div>
                <div class="brief-introduce">
                    <h5><a href="">凡人飞仙传</a></h5>
                    <p class="labels">
                        <span class="label"><a href="">挂机</a></span>
                        <span class="label"><a href=""> 小说</a></span>
                        <span class="label"><a href=""> 仙侠</a></span>
                    </p>
                    <p class="popularity">
                        人气：<span>37402</span>
                    </p>
                </div>
                <div class="startBtn">
                    <a href="./startGame.html">开始玩</a>
                </div>
            </li>
            <li class="content-box clearfix">
                <div class="show-zone">
                    <img src="../img/game_icon.gif" alt="game-icon">
                </div>
                <div class="brief-introduce">
                    <h5><a href="">凡人飞仙传</a></h5>
                    <p class="labels">
                        <span class="label"><a href="">挂机</a></span>
                        <span class="label"><a href=""> 小说</a></span>
                        <span class="label"><a href=""> 仙侠</a></span>
                    </p>
                    <p class="popularity">
                        人气：<span>37402</span>
                    </p>
                </div>
                <div class="startBtn">
                    <a href="./startGame.html">开始玩</a>
                </div>
            </li>
            <li class="content-box clearfix">
                <div class="show-zone">
                    <img src="../img/game_icon.gif" alt="game-icon">
                </div>
                <div class="brief-introduce">
                    <h5><a href="">凡人飞仙传</a></h5>
                    <p class="labels">
                        <span class="label"><a href="">挂机</a></span>
                        <span class="label"><a href=""> 小说</a></span>
                        <span class="label"><a href=""> 仙侠</a></span>
                    </p>
                    <p class="popularity">
                        人气：<span>37402</span>
                    </p>
                </div>
                <div class="startBtn">
                    <a href="./startGame.html">开始玩</a>
                </div>
            </li>
        </ul>
        <ul class="search-content-gift search-content clearfix" style="display: none;">
            <li class="content-box clearfix">
                <div class="show-zone">
                    <img src="../img/game_icon.gif" alt="game-icon">
                </div>
                <div class="gift-box">
                    <h5><a href="#">凡人飞仙传:独家礼包</a></h5>
                    <p class="clearfix"><span class="progress clearfix"><em></em></span><span>34%</span></p>
                    <a class="get-gift" href="#">礼包领取</a>
                </div>
            </li>
            <li class="content-box clearfix">
                <div class="show-zone">
                    <img src="../img/game_icon.gif" alt="game-icon">
                </div>
                <div class="gift-box">
                    <h5><a href="#">凡人飞仙传:独家礼包</a></h5>
                    <p class="clearfix"><span class="progress clearfix"><em></em></span><span>34%</span></p>
                    <a class="get-gift" href="#">礼包领取</a>
                </div>
            </li>
            <li class="content-box clearfix">
                <div class="show-zone">
                    <img src="../img/game_icon.gif" alt="game-icon">
                </div>
                <div class="gift-box">
                    <h5><a href="#">凡人飞仙传:独家礼包</a></h5>
                    <p class="clearfix"><span class="progress clearfix"><em></em></span><span>34%</span></p>
                    <a class="get-gift" href="#">礼包领取</a>
                </div>
            </li>
            <li class="content-box clearfix">
                <div class="show-zone">
                    <img src="../img/game_icon.gif" alt="game-icon">
                </div>
                <div class="gift-box">
                    <h5><a href="#">凡人飞仙传:独家礼包</a></h5>
                    <p class="clearfix"><span class="progress clearfix"><em></em></span><span>34%</span></p>
                    <a class="get-gift" href="#">礼包领取</a>
                </div>
            </li>
            <li class="content-box clearfix">
                <div class="show-zone">
                    <img src="../img/game_icon.gif" alt="game-icon">
                </div>
                <div class="gift-box">
                    <h5><a href="#">凡人飞仙传:独家礼包</a></h5>
                    <p class="clearfix"><span class="progress clearfix"><em></em></span><span>34%</span></p>
                    <a class="get-gift" href="#">礼包领取</a>
                </div>
            </li>
        </ul>
        <ul class="search-content-info search-content clearfix" style="display: none;">
            <li class="content-box clearfix">
                <div class="img-show">
                    <a href=""><img src="../img/frxx.jpg" alt="game-post"></a>
                </div>
                <div class="info-brief">
                    <h5><a href="">《凡人飞仙传》6月1日震撼首发</a></h5>
                    <p>时间：<span>2018-05-31</span></p>
                </div>
            </li>
            <li class="content-box clearfix">
                <div class="img-show">
                    <a href=""><img src="../img/frxx.jpg" alt="game-post"></a>
                </div>
                <div class="info-brief">
                    <h5><a href="">《凡人飞仙传》6月1日震撼首发</a></h5>
                    <p>时间：<span>2018-05-31</span></p>
                </div>
            </li>
            <li class="content-box clearfix">
                <div class="img-show">
                    <a href=""><img src="../img/frxx.jpg" alt="game-post"></a>
                </div>
                <div class="info-brief">
                    <h5><a href="">《凡人飞仙传》6月1日震撼首发</a></h5>
                    <p>时间：<span>2018-05-31</span></p>
                </div>
            </li>
            <li class="content-box clearfix">
                <div class="img-show">
                    <a href=""><img src="../img/frxx.jpg" alt="game-post"></a>
                </div>
                <div class="info-brief">
                    <h5><a href="">《凡人飞仙传》6月1日震撼首发</a></h5>
                    <p>时间：<span>2018-05-31</span></p>
                </div>
            </li>
        </ul>
    </div>
</div>
#include("./common/footer.html")
</body>
</html>